<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Genius</title>
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="icon" type="image/x-icon" href="images/Genius_02.png" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	</head>

	<body>
		<!--头部-->
		<header>
			<nav class="navbar navbar-expand-lg navbar-light">
				<div class="container">
					<a class="navbar-brand" href="#">
						<img src="images/Genius_02.png" />
					</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav mr-auto"></ul>
						<form class="form-inline my-2 my-lg-0">
							<ul class="navbar-nav mr-auto">
								<li class="nav-item active">
									<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#">ABOUTUS </a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#">SERVICES</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#">COURSES</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#">PRICING</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#">CONTACT</a>
								</li>
							</ul>
						</form>
					</div>
				</div>
			</nav>
		</header>
		<!--轮播-->
		<div class="banner">
			<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="images/banner_02_01_02.png" class="d-block w-100" alt="...">
					</div>
					<div class="carousel-item">
						<img src="images/banner_02_01_02.png" class="d-block w-100" alt="...">
					</div>
					<div class="carousel-item">
						<img src="images/banner_02_01_02.png" class="d-block w-100" alt="...">
					</div>
				</div>
			</div>
		</div>
		<!--课程  courses-->
		<div class="courses">
			<div class="container">
				<div class="courses-top text-center">
					<h2>Our Courses</h2>
					<p class="text-secondary pl-3 pr-3">Lorem psum dolor sit amet, consectetur adipectetur adpsisingelitincidunt eius magni provident. consectetur adipectetur adpsisingelitincidunt eius magniconsectetur adipectetur adpsisingelitincidunt eius magni possimus.
					</p>
				</div>
				<div class="courses-bottom">
					<div class="row">
						<div class="col-md-4 mb-5">
							<i></i>
							<div class="courses-b-right">
								<h5>Mobile Dev</h5>
								<p>
									<a href="#">
										Backed by some of the biggest names inthe inusty Frefox oslsanopen piotfomr that fosters greaterer
									</a>
								</p>
							</div>
						</div>
						<div class="col-md-4 mb-5">
							<i></i>
							<div class="courses-b-right">
								<h5>Communication</h5>
								<p>
									<a href="#">
										Backed by some of the biggest names inthe inusty Frefox oslsanopen piotfomr that fosters greaterer
									</a>
								</p>
							</div>
						</div>
						<div class="col-md-4 mb-5">
							<i></i>
							<div class="courses-b-right">
								<h5>Computers</h5>
								<p>
									<a href="#">
										Mirbi vitae tortor temous,placerat leoet,suscipit lectus.Phasellus ut euismid massa,eu eleifend ipsum.
									</a>
								</p>
							</div>
						</div>
						<div class="col-md-4 mb-5">
							<i></i>
							<div class="courses-b-right">
								<h5>Finance</h5>
								<p>
									<a href="#">
										Mirbi vitae tortor temous,placerat leoet,suscipit lectus.Phasellus ut euismid massa,eu eleifend ipsum.
									</a>
								</p>
							</div>
						</div>
						<div class="col-md-4 mb-5">
							<i></i>
							<div class="courses-b-right">
								<h5>Maths</h5>
								<p>
									<a href="#">
										Mirbi vitae tortor temous,placerat leoet,suscipit lectus.Phasellus ut euismid massa,eu eleifend ipsum.
									</a>
								</p>
							</div>
						</div>
						<div class="col-md-4 mb-5">
							<i></i>
							<div class="courses-b-right">
								<h5>Development</h5>
								<p>
									<a href="#">
										Mirbi vitae tortor temous,placerat leoet,suscipit lectus.Phasellus ut euismid massa,eu eleifend ipsum.
									</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--student 学生-->
		<div class="student">
			<div class="container">
				<div class="courses-top text-center">
					<h2 class="text-white">Our Studesnts</h2>
					<p class="text-white pl-3 pr-3">Lorem psum dolor sit amet, consectetur adipectetur adpsisingelitincidunt eius magni provident. consectetur adipectetur adpsisingelitincidunt eius magniconsectetur adipectetur adpsisingelitincidunt eius magni possimus.
					</p>
				</div>
				<div class="student-bottom mt-5">
					<div class="row">
						<div class="col-md-6">
							<img src="images/Genius_11.png" alt="" />
						</div>
						<div class="col-md-6">
							<ul>
								<li>
									<a href="#">Lorem ipsum dolor sit amet,cadipsicing sit amet ,consectetur adipisicing elit,Atque</a>
								</li>
								<li>
									<a href="#">sed,quidem qyis praesentium, ut unde fuga error commodi architecto,oribue</a>
								</li>
								<li>
									<a href="#">omnis minus temoiribus perferendis nesciunt quam reoellendus nulla nemo ipsum</a>
								</li>
								<li>
									<a href="#">sed,quidem qyis praesentium, ut unde fuga error commodi architecto,oribue</a>
								</li>
								<li>
									<a href="#">Lorem ipsum dolor sit amet,cadipsicing sit amet ,consectetur adipisicing elit,Atque</a>
								</li>
								<li>
									<a href="#">sed,quidem qyis praesentium, ut unde fuga error commodi architecto,oribue</a>
								</li>
								<li>
									<a href="#">omnis minus temoiribus perferendis nesciunt quam reoellendus nulla nemo ipsum</a>
								</li>
								<li>
									<a href="#">sed,quidem qyis praesentium, ut unde fuga error commodi architecto,oribue</a>
								</li>

								<li>
									<i></i>
									<a href="#" class="ml-3">Lorem ipsum enimdolor sit amat</a>
								</li>
								<li>
									<i></i>
									<a href="#" class="ml-3">Explicabo deleniti neque aliquid</a>
								</li>
								<li>
									<i></i>
									<a href="#" class="ml-3">Consectetur adipisicing elit</a>
								</li>
								<li>
									<i></i>
									<a href="#" class="ml-3">Lirem ipsum dolor sit amet</a>
								</li>
								<li>
									<i></i>
									<a href="#" class="ml-3">Quo issimos molest quibusdam temporibus</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--event 事件-->
		<div class="event">
			<div class="container">
				<div class="courses-top text-center">
					<h2>Our Events</h2>
					<p class="text-secondary pl-3 pr-3">Lorem psum dolor sit amet, consectetur adipectetur adpsisingelitincidunt eius magni provident.consectetur adipectetur adpsisingelitincidunt eius magniconsectetur adipectetur adpsisingelitincidunt eius magni possimus.
					</p>
				</div>
				<div class="event-bottom mt-5">
					<div class="row">
						<div class="col-md-4">
							<img src="images/Genius_15.png" class="mb-3" />
							<p>
								<a href="#">
									Feb
								</a>
							</p>
							<a href="#" class="text-secondary">LOREM IPSUM DOLOR SIT,CONSECTETUR </br>ADIPIS</a>
						</div>
						<div class="col-md-4">
							<img src="images/Genius_17.png" class="mb-3" />
							<p>
								<a href="#">
									March
								</a>
							</p>
							<a href="#" class="text-secondary">APSUM DOLOR SIT AMET,CONSECTETUR </br>ADIPISDSLIF.</a>
						</div>
						<div class="col-md-4">
							<img src="images/Genius_19.png" class="mb-3" />
							<p>
								<a href="#">
									Feb
								</a>
							</p>
							<a href="#" class="text-secondary">DOLOR SIT AMET,CONSECTETUR ADIPISIC INFEFT</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--校园安置 campus placement-->
		<div class="campus">
			<div class="container">
				<div class="courses-top text-center">
					<h2>Campus Placement</h2>
					<p class="text-secondary pl-3 pr-3">Lorem psum dolor sit amet, consectetur adipectetur adpsisingelitincidunt eius magni provident.consectetur adipectetur adpsisingelitincidunt eius magniconsectetur adipectetur adpsisingelitincidunt eius magni possimus.
					</p>
				</div>
				<div class="campus-bottom mt-5">
					<div class="row">
						<div class="col-md-2 col-6">
							<a href="#">
								<img src="images/Genius_31.gif" alt="" />
							</a>
						</div>
						<div class="col-md-2 col-6">
							<a href="#">
								<img src="images/Genius_25.gif" />
							</a>
						</div>
						<div class="col-md-2 col-6">
							<a href="#">
								<img src="images/Genius_28.gif" />
							</a>
						</div>
						<div class="col-md-2 col-6">
							<a href="#">
								<img src="images/Genius_31.gif" alt="" />
							</a>
						</div>
						<div class="col-md-2 col-6">
							<a href="#">
								<img src="images/Genius_25.gif" />
							</a>
						</div>
						<div class="col-md-2 col-6">
							<a href="#">
								<img src="images/Genius_28.gif" />
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--联系   contact-->
		<div class="contact">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<ul>
							<li>
								<a href="#">
									<b>Our Contact</b>
								</a>
							</li>
							<li>
								<a href="#">
									<b>Target company lnc</b>
								</a>
							</li>
							<li>
								<a href="#">JC Main Road,Near Silnile tower</a>
							</li>
							<li class="mb-3">
								<a href="#">Pin-21542 NewYork US.</a>
							</li>
							<li>
								<a href="#">(123)456-789-1255-12584</a>
							</li>
							<li>
								<a href="#">email@domainname.com</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3">
						<ul>
							<li>
								<a href="#">
									<b>Quick Links</b>
								</a>
							</li>
							<li>
								<a href="#">
									Latest Events
								</a>
							</li>
							<li>
								<a href="#">Terms and conditions</a>
							</li>
							<li>
								<a href="#">privacy policy</a>
							</li>
							<li>
								<a href="#">Career</a>
							</li>
							<li>
								<a href="#">Contact us</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3">
						<ul>
							<li>
								<a href="#">
									<b>Latest posts</b>
								</a>
							</li>
							<li>
								<a href="#">
									Lorem ipsum dolor sit amet,
								</a>
							</li>
							<li>
								<a href="#">consectur adipiscing elit.</a>
							</li>
							<li>
								<a href="#">pelleentsque et pulvinar enim.Quisque</a>
							</li>
							<li>
								<a href="#">at temoor ligula</a>
							</li>
							<li>
								<a href="#">Natus error sit voluptatem accusantium</a>
							</li>
							<li>
								<a href="#">doloremque</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3">
						<ul>
							<li>
								<a href="#">
									<b>Recent News</b>
								</a>
							</li>
							<li>
								<a href="#">
									Lorem and ontlonsPin21542
								</a>
							</li>
							<li>
								<a href="#">Peletetgut et puMnar enim</a>
							</li>
							<li>
								<a href="#">Qusqueat tempor lgula at tempor</a>
							</li>
							<li>
								<a href="#">Dolares quae parro consequatur</a>
							</li>
							<li>
								<a href="#">Company nome Aa nghtr resmed</a>
							</li>
							<li>
								<a href="#">doloremque</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<p>Copyright?.Company name All rights reserved.</p>
					</div>
					<div class="col-md-6">
						<ul>
							<li>
								<a href="#">
									<img src="images/Genius_37.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/Genius_47.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/Genius_39.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/Genius_42.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/Genius_44.png" alt="" />
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>

</html>